/** @type {import('tailwindcss').Config} */

export default {
  darkMode: "class",
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    container: {
      center: true,
    },
    extend: {
      colors: {
        // 绘本岛品牌色彩系统
        'huiben': {
          // 主色调
          cream: '#FAF8F3',      // 米白色 - 主背景
          yellow: '#FFF8DC',      // 淡黄色 - 强调色
          sky: '#E6F3FF',        // 天蓝色 - 品牌色
          
          // 辅助色彩
          green: '#90EE90',      // 草绿色 - 成功状态
          pink: '#FFB6C1',       // 珊瑚粉 - 特殊场景
          gray: '#D3D3D3',       // 暖灰色 - 次要文字
          dark: '#666666',       // 深灰色 - 主要文字
          
          // 交互状态
          'sky-light': '#B3D9FF',     // 天蓝色-悬停
          'sky-dark': '#2C5282',      // 天蓝色-文字
        }
      },
      fontFamily: {
        'chinese': ['PingFang SC', 'Microsoft YaHei', 'sans-serif'],
      },
      borderRadius: {
        'xl': '12px',
        '2xl': '16px',
        '3xl': '20px',
      },
      boxShadow: {
        'soft': '0 2px 8px rgba(0,0,0,0.08)',
        'medium': '0 4px 16px rgba(0,0,0,0.12)',
        'strong': '0 8px 24px rgba(0,0,0,0.16)',
      },
      animation: {
        'float': 'float 3s ease-in-out infinite',
        'bounce-soft': 'bounce-soft 2s infinite',
      },
      keyframes: {
        float: {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-10px)' },
        },
        'bounce-soft': {
          '0%, 100%': { transform: 'translateY(-5%)' },
          '50%': { transform: 'translateY(0)' },
        }
      }
    },
  },
  plugins: [],
};
